<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/css/styleoneadd.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">

<style>
    body{
        background-color: #f2f2f2 !important;
    }
</style>
    <!-- 内容主体区域 -->
<div class="layui-fluid-pad">
    <div class="layui-col-md12">
        <div class="layui-card order-margin2">
            <div class="layui-card-header">查看预约</div>
            <div class="layui-card-body ">
                <div class="layui-row layui-pad10">
                    <form class="layui-form" action="">
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row layui-col-space10">
                                <div class="layui-col-md2 layui-gd-width">
                                    <label>苏州第一人民医院</label>
                                </div>
                                <div class="layui-col-md5">
                                    <label>总预约人数：5860</label>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row layui-col-space10">
                                <div class="layui-col-md2 layui-order-width3">
                                    <input type="text" class="form-control" placeholder="用户姓名">
                                </div>
                                <div class="layui-col-md2">
                                    <input type="text" class="form-control" placeholder="手机号" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')">
                                </div>
                                <div class="layui-col-md2">
                                    <input type="text" class="form-control" placeholder="身份证号"  maxlength="18" onkeyup="value=value.replace(/[^\d]/g,'')">
                                </div>
                                <div class="layui-col-md2">
                                    <input type="text" class="form-control" placeholder="订单号">
                                </div>
                                <div class="layui-col-md3">
                                    <div class="layui-row">
                                        <div class="layui-col-md12 layui-order-flexs">
                                            <input type="text" class="form-control layui-gd-widths" placeholder="时间" id="test1">
                                            &nbsp;&nbsp;至&nbsp;&nbsp;
                                            <input type="text" class="form-control layui-gd-widths" placeholder="时间" id="test2">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md1">
                                    <button class="layui-btn layui-btn-primary">筛选</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <!--表格-->
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <table class="layui-data-zs"  border="1">
                                <tr class="layui-t-h layui-hg-b order-table--tr-bg">
                                    <th>序号</th>
                                    <th>用户姓名</th>
                                    <th>性别</th>
                                    <th>手机号</th>
                                    <th>身份证号</th>
                                    <th>订单号</th>
                                    <th>套餐名称</th>
                                    <th>预约时间</th>
                                    <th>操作</th>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>张三</td>
                                    <td>男</td>
                                    <td>15966258899</td>
                                    <td>320586199122568862</td>
                                    <td>1433050020180421</td>
                                    <td>
                                        <span class="order-tc-sty">入职体检（B套餐）</span>
                                    </td>
                                    <td>
                                      2018-04-23  7:30-8:30
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">查看订单</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookQue">改约</a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>张三</td>
                                    <td>男</td>
                                    <td>15966258899</td>
                                    <td>320586199122568862</td>
                                    <td>1433050020180421</td>
                                    <td>
                                        <span class="order-tc-sty">入职体检（A套餐）入职体检（B套餐）入职体检（B套餐）</span>
                                    </td>
                                    <td>
                                        2018-04-23  7:30-8:30
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">查看订单</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookQue">改约</a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>张三</td>
                                    <td>男</td>
                                    <td>15966258899</td>
                                    <td>320586199122568862</td>
                                    <td>1433050020180421</td>
                                    <td>
                                        <span class="order-tc-sty">入职体检（A套餐）入职体检（B套餐）</span>
                                    </td>
                                    <td>
                                        2018-04-23  7:30-8:30
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">查看订单</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookQue">改约</a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>张三</td>
                                    <td>男</td>
                                    <td>15966258899</td>
                                    <td>320586199122568862</td>
                                    <td>1433050020180421</td>
                                    <td>
                                        <span class="order-tc-sty">入职体检（A套餐</span>
                                    </td>
                                    <td>
                                        2018-04-23  7:30-8:30
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">查看订单</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookQue">改约</a>
                                    </td>
                                </tr>

                            </table>
                        </div>
                        <!--分页-->
                        <div class="layui-col-md12 layui-page-top">
                            <div id="demo7"></div>
                        </div>
                        <!--分页end-->
                    </div>
                    <!--表格end-->
                </div>

            </div>
        </div>
    </div>
</div>


<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script src="../static/js/app/consts/consts.js"></script>
<script>
    //Demo
    layui.use(['jquery','form','laypage','laydate','table','layer'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var laypage = layui.laypage;
        var $ = layui.$;
        layer.msg(developingMsg);
        //监听提交
        // form.on('submit(formDemo)', function(data){
        //     layer.msg(JSON.stringify(data.field));
        //     return false;
        // });
     // 日期
        laydate.render({
            elem: '#test1' //指定元素
            ,theme: '#34C0E3'
        });
        laydate.render({
            elem: '#test2' //指定元素
            ,theme: '#34C0E3'
        });
        //分页
        laypage.render({
            elem: 'demo7'
            ,count: 100
            ,theme: '#34C0E3'
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump: function(obj){
                // console.log(obj)
            }
        });

            //改约
            $('.lookQue').on('click',function () {
                var strU = '改约.html';
                layer.open({
                    type: 2,
                    title:'改约',
                    area: ['600px', '600'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });

    });
</script>




